@charset "utf-8";
/* CSS Document */
html{color:#000;background:#FFF; overflow-y:scroll;font-family:"微软雅黑";}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;font-family:"微软雅黑";}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{/*vertical-align:baseline;*/}
sub{vertical-align:baseline;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
input,select{vertical-align:middle;}
body{font:12px/1.231 arial,helvetica,clean,sans-serif;}
strong,b{font-weight:bold;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%; border-collapse:collapse;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
.txtboxcs{ border:solid 1px #ccc; height:22px;}

h1 { font-size:31px; color:#000000;}
h2 { font-size:26px;}
h3 { font-size:20px;}
h4 { font-size:14px;}
h5 { font-size:12px;}
h6 { font-size:10px;}
h1:hover {color:#2f318b;}

.m1 { margin:1px; }
.m2 { margin:2px; }
.m5 { margin:5px; }
.m10 { margin:10px; }
.mt2 { margin-top:2px;}
.mt5 { margin-top:5px;}
.mt8 { margin-top:8px;}
.mt10 { margin-top:10px;}
.mt12 { margin-top:12px;}
.mt15 { margin-top:15px;}
.mt20 { margin-top:20px;}
.mt30 { margin-top:30px;}
.mr5 { margin-right:5px;}
.mr10 { margin-right:10px;}
.mr12 { margin-right:12px;}
.ml5 { margin-left:5px; }
.ml7 { margin-left:7px; }
.mb10 { margin-bottom:10px;}
.ml12 { margin-left:12px; }
.ml10 { margin-left:10px; }
.ml20 { margin-left:20px; }

body { color:#666666;font:12px/1.231 Verdana, Arial, Helvetica, sans-serif ,"";} 
a { color:#000000; text-decoration:none; }  
a:focus{outline:0;} 
a:hover { text-decoration:none;}
.vam { vertical-align:middle;}
.clear{ clear:both; font-size:0; line-height:0; height:0; overflow:hidden;}
.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.fw{ font-family:"微软雅黑","宋体";}
.pa{ position:absolute;}
.pr{ position:relative}
.mt8{ margin-top:8px;}
.font14 { font-size:14px; font-weight:bold;}

.cart_header , .cart_content , .cart_footer { width:760px; margin:0 auto;}
.content , .footer { width:1200px; margin:0 auto;}
.header { width:1200px; margin:0 auto;}


.left { width:275px;  float:left; }
.lefttop { 
  position: fixed;top: 0;}
.weizhi { height:50px; background-color:#f3f3f5; line-height:50px; font-size:15px; padding-left:20px; color:#03418a; border-top:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;}
.right { width:915px; float:left; display:inline; margin-right:10px;}
.right_main { width:913px; padding-bottom:15px;}

.h_con { height:300px; }
.h_con h1 { width:530px; overflow:hidden; padding:100px 0 0 0;}
.h_con h1 img { margin:0px 10px 0 0; float:left; display:inline;}


.footbg { background:#ccc; height:128px; width:1220px; color:#7E7E7E; font-size:13px; line-height:33px; padding-top:26px;}

ul.n_rt_ul { width:250px; margin-left:15px; overflow:hidden;}
ul.n_rt_ul li { float:left; font-size:15px; border:1px dashed #eaeaea; line-height:22px; margin: 0 8px 10px 0; overflow:hidden; padding:2px 7px; }

.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}

.sb_c { padding:20px 15px 0; height:360px; overflow:hidden; }
.sb_c .nr { width:880px; overflow:hidden; float:left;}
.sb_c ul li { float:left; width:500px; margin:0 5px 36px 5px; display:inline; overflow:hidden;}
.sb_c ul li img { width:500px; height:280px;}
.sb_c ul li span { text-align:center; background-color:#fffef8; display:block; line-height:40px; font-size:18px; overflow:hidden;}
.s01 { margin-top:110px;}


#roll_top, #fall, #ct{ position:relative; cursor:pointer; height:98px; width:38px;}
#roll_top{ background:url("../images/top.png") no-repeat;}
#fall{ background: url("../images/top.png") no-repeat 0 -80px;}
#ct{ background: url("../images/top.png") no-repeat 0 -40px;}
#roll{ display:block; width:15px; margin-right:-620px; position:fixed; right:50%; top:66%; _margin-right:-505px; _position:absolute; _margin-top:300px; _top:expression(eval(document.documentElement.scrollTop));}


/*daohang*/

 #nav { position:relative; width:100%; height:56px; font-size:17px; color:#000; /*background:url("../images/nav.jpg");*/}
 #nav ul { list-style-type:none; }
 #nav ul li { float:left; position: relative;z-index:99; background: url(../images/nav.jpg) bottom center repeat-x;}
 #nav ul li a {width:80px; padding:17px 10px 17px 10px; font-weight:600; display:block; text-decoration:none; text-align:center; color:#333333; /*color:#fff; text-shadow:#333 0 1px 2px;*/}
 #nav ul li a:hover {color:#000; } 
 #nav ul li ul {display: none;}
 #nav ul li:hover ul {display: block; position: absolute; top:54px; min-width:110px; left:0; border-top: 2px solid #2f318b;} 
 #nav ul li:hover ul li a {display:block; background: rgba(255,255,255,.8); color:#333333; width: 110px; text-align: center; border-bottom: 1px solid #f2f2f2; border-right: none; font-weight:600; padding: 8px 10px 8px 10px; font-size: 14px;}
 #nav ul li:hover ul li a:hover { background:#f9b800; color:#000; }
 #nav ul li:hover ul li ul{display:none;}
 #nav ul li:hover ul li:hover ul{left:130px; display: block; position: absolute; top:0px; min-width:100px;}


/*indexnews*/
.items{width: 100%; margin-top: 20px; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; background: #fff;}
.items a{width: 100%; color:#333333; text-decoration:none; height:100%;display: block;cursor:pointer;}
.items a:hover{color:#03418a}

.items .txt{color: #999999; line-height: 26px; height: 50px; padding-top:5px; padding-right: 10px; text-indent: 2em; overflow: hidden;}
.items .time{width: 110px; padding-top: 22px; font-family: arial; font-size: 18px; color: #CCC;}
.items .time .day{font-size: 50px; line-height: 45px; display: block;}

.item{width: 100%; height: 139px; margin-bottom: 2px; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; overflow:hidden;}
.item a{width: 100%; height:100%; text-decoration:none; display: block;cursor:pointer;}
.item img{width: 250px; height: 139px; display: block; margin-right: 30px;}
.item h3{font-size: 18px; padding: 15px 0 10px 0; color:#444; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;}
.item .txt{color: #999999; line-height: 26px; height: 50px; padding-right: 15px; text-indent: 2em; overflow: hidden;}
.item .time{width: 100px; padding-top: 50px; font-family: arial; font-size: 22px; color: #999;}
.item .day{padding-bottom:6px; line-height: 20px; display: block; font-size:36px;}

.item:hover{background: #fcfcfc;box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2);}
.item:hover h3{color: #03418a;}
.item:hover img{filter:brightness(105%);-webkit-filter:brightness(105%);}


/*news*/
.n_info_con { padding:10px 15px 0 25px; overflow:hidden;}
.info_con_tit {line-height:30px; margin-top:26px; margin-bottom:20px; border-top: 1px dashed #CCCCCC; border-bottom: 1px dashed #CCCCCC;}
.info_con_tit span { margin-right:20px;}
.info_cons { line-height: 2em; color: #333333; font-size: 16px; text-align:justify; text-indent: 2em;}
.info_cons p{ /*margin-top: 16px;*/}
.info_cons img {}
.info_cons p img {margin-left: -2em;}
.info_next{ padding:30px 0px 20px 0px;border-top: 1px dashed #CCCCCC;}
.info_tag{ padding:30px 0px 20px 0px; float:left;}

/*case*/
.itempic img{margin:5px; border:0; display:inline; width: 300px; height: 165px; padding:10px; box-shadow: 10px 10px 10px rgba(204,204,204,0.5);}
.itempic{margin:3px; float:left; width:330px; height:250px; text-align:center; background: #fdfdfd; }
.itempic:hover h3{text-indent:0}
.itempic h3{font-size:14px; padding-bottom: 15px; padding:0px 15px;}

.itempic a{width: 100%; height:100%;display: block;cursor:pointer; color:#333}
.itempic:hover{box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);background: #fffef8;}
.itempic:hover img{filter:brightness(105%);-webkit-filter:brightness(105%);}


.page {
	clear: both;
	margin: 10px 0;
	text-align: center;
}
.page a {
	color:#000;
}
.page a:hover {
	color:#000;
}
.page-status{
	border-radius: 2px 0 0 2px;
}
.page-last{
	border-radius: 0 2px 2px 0;
}
.page-status,.page-index,.page-pre,.page-num,.page-next,.page-last{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	padding: 0 15px;
	height: 28px;
	line-height: 28px;
	margin: 0 -1px 5px 0;
	background-color: #fff;
	color: #333;
	font-size: 12px;
	border: 1px solid #e2e2e2;
}
.page-num-current{
	background-color: #03418a;
	border-top:none;
	border-bottom:none;
	color:#fff !important;
}




.wrap { width:1200px; margin:0 auto; position:relative; }
.header { width:100%;/*background-color:#efefef;*/}
.header .logo { float:left; padding-top:5px;}
.header .logo img { display:block;}


.banner { position:relative; z-index:8; }
.banner .list { position:relative; overflow:hidden; z-index:1; }
.banner .list li { position:absolute; width:100%; height:100%; overflow:hidden; background:#FFF; display:none; z-index:1; }
.banner .list li:first-child { display:block; }
.banner .list li.active { z-index:2; }
.banner .list img { position:relative; display:block; width:1200px;}
.banner .tip { position:absolute; left:50%; bottom:20px; margin:0 0 0 -35px; line-height:0; z-index:100; }
.banner .tip li { display:inline-block; +display:inline; +zoom:1; width:14px; height:14px; border-radius:50%; background:none; border:1px solid #fff; margin:0 5px; cursor:pointer; transition:all .3s ease; }
.banner .tip li.active { background:#fff; }

.banner .list,
.banner .list img { height:400px; }

.alian {}
.alian :hover {position:relative; bottom:3px;}



/*gotop*/
.cbbfixed {position: fixed;right: 28px;transition: bottom ease .3s;bottom: 85px;z-index:1;cursor:pointer;}
.cbbfixed .cbbtn {width: 40px;height: 40px;display: block;}
.cbbfixed .gotop1 {}
.cbbfixed .gotop1 .weixin-icon1{float:left;;width:69px;height:67px;background: url(../images/side-icon03.png);}
.cbbfixed .gotop1 .weixin-icon1:hover{float:left;;width:69px;height:67px;background: url(../images/side-icon031.png);}

.cbbfixed .gotop2 {}
.cbbfixed .gotop2 .weixin-icon2{float:left;;width:69px;height:67px;background: url(../images/side-icon02.png);}
.cbbfixed .gotop2 .weixin-icon2:hover{float:left;;width:69px;height:67px;background: url(../images/side-icon021.png);}

.cbbfixed .gotop3 {}
.cbbfixed .gotop3 .weixin-icon3{float:left;;width:69px;height:67px;background: url(../images/side-icon05.png);}
.cbbfixed .gotop3 .weixin-icon3:hover{float:left;;width:69px;height:67px;background: url(../images/side-icon051.png);}

.cbbfixed .gotop7 {}
.cbbfixed .gotop7 div {background: url(../images/erwenzi.png); padding:10px; font-size:17px; line-height:35px; width: 255px;height: 108px;position: absolute;left: -275px; bottom:310px;opacity: 0;transform: scale(0);    -webkit-transform: scale(0);transform-origin: 100% 70%;-webkit-transform-origin: 100% 70%;transition: transform ease .3s,opacity ease .3s;-webkit-transition: all ease .3s;display:none\0;*display:none;}
.cbbfixed .gotop7:hover div {display: block;transform: scale(1);-webkit-transform: scale(1);opacity: 1;*display:block;}
.cbbfixed .gotop7 .weixin-icon7{float:left;;width:69px;height:67px;background: url(../images/side-icon07.png);}
.cbbfixed .gotop7 .weixin-icon7:hover{float:left;;width:69px;height:67px;background: url(../images/side-icon071.png);}

.cbbfixed .gotop {}
.cbbfixed .gotop .up-icon{float:left;width:69px;height:67px;background: url(../images/side-icon01.png);}
.cbbfixed .gotop:hover {}

.cbbfixed .cweixin {}
.cbbfixed .cweixin div {background: url(../images/erwei.png);width: 194px;height: 199px;position: absolute;left: -194px; bottom:44px;opacity: 0;transform: scale(0);    -webkit-transform: scale(0);transform-origin: 100% 70%;-webkit-transform-origin: 100% 70%;transition: transform ease .3s,opacity ease .3s;-webkit-transition: all ease .3s;display:none\0;*display:none;}
.cbbfixed .cweixin:hover div {display: block;transform: scale(1);-webkit-transform: scale(1);opacity: 1;*display:block;}
.cbbfixed .cweixin .weixin-icon{float:left;;width:69px;height:67px;background: url(../images/side-icon06.png);}
.cbbfixed .cweixin .weixin-icon:hover{float:left;;width:69px;height:67px;background: url(../images/side-icon061.png);}

.zhaopinxia {border-bottom: 1px dashed #CCCCCC; padding-bottom:5px;}

@media (max-width: 720px)
{
.footbg { background:#ccc; height:128px; width:1220px; color:#7E7E7E; font-size:13px; line-height:33px; padding-top:26px;}
.info_cons { line-height: 2em; color: #333333; font-size: 18px; text-align:justify;}
.info_cons p {text-indent: 2em; font-size: 30px; font-family: 宋体;}
.info_cons p img {width:100%; text-indent: 0em; display: block; padding: 16px 0px; margin-left: 0em;}
.info_cons img {width:100%; text-indent: 0em; }
}